@prefix:carousel;
@height:500px;
.@{prefix}{
  width: 100%;
  height: @height;
  .@{prefix}-slide{
    height: @height;
    a{
      display: block;
      height: 100%;
    }
  }
  .@{prefix}-dots{
    height: 5px;
    li{
      height: 100%;
      button{
        height: 100%;
        background: #000;
      }
    }
    .slick-active{
      button{
        background: #000!important;
      }
    }
  }
}